<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">
<h:head>
	<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
	<title>Welcome on Ingetweet !</title>
	<!--  <link rel="stylesheet" type="text/css" href="css/style.css" />-->
	<h:outputStylesheet library="css" name="style.css" />
</h:head>
<h:body styleClass="fondBody">
	<a4j:outputPanel id="corps" styleClass="banniere_haut" layout="block">
		<a4j:outputPanel id="formConnection"
			style="float: right; display:block;" layout="block"
			styleClass="formulaireConnection">
			<h:form id="formulaireConnexion" styleClass="formulaireConnection">
				<br></br>
				<h:panelGrid width="783" columns="1" border="0">
					<h:panelGrid width="783" id="panelConnexion" columns="1" border="0"
						cellspacing="0" cellpadding="0">
						<a4j:outputPanel>
							<h:outputText value="Email" />
							<span class="etoiles">*</span>
								&nbsp;
								<h:inputText id="emailConnexion"
								value="#{UtilisateurBean.emailUtilisateur}"
								styleClass="inputbox" required="true"
								requiredMessage="Email obligatoire" />			
									&nbsp;&nbsp;&nbsp;&nbsp;
							<h:outputText id="pwd" value="Mot de passe" />
							<span class="etoiles">*</span>
								&nbsp;
								<h:inputSecret id="passwd"
								value="#{UtilisateurBean.pwdUtilisateur}" redisplay="true"
								styleClass="inputbox" required="true"
								requiredMessage="Mot de passe obligatoire" />
									&nbsp;&nbsp;&nbsp;&nbsp;
								<h:commandButton action="#{UtilisateurBean.connexion()}"
								styleClass="boutonValider" />
									&nbsp;&nbsp;&nbsp;
								<h:outputLink
								onclick="window.open('forget_mdp.xhtml','Ingebook','status=no,toolbar=no,location=no,menubar=no,resizable=no,width=500,height=200,scrollbars=no,left=500,top=250');">
								Mot de passe oublié?</h:outputLink>
						</a4j:outputPanel>
						<a4j:outputPanel>
								&nbsp;&nbsp;&nbsp;&nbsp;	
								&nbsp;&nbsp;&nbsp;&nbsp;
								&nbsp;&nbsp;&nbsp;&nbsp;
							<h:message for="emailConnexion" style="color:red"></h:message>
								&nbsp;&nbsp;&nbsp;&nbsp;
								&nbsp;&nbsp;&nbsp;&nbsp;
								&nbsp;&nbsp;&nbsp;&nbsp;
								&nbsp;&nbsp;&nbsp;&nbsp;
								&nbsp;&nbsp;&nbsp;&nbsp;
								&nbsp;&nbsp;&nbsp;&nbsp;
								&nbsp;&nbsp;&nbsp;&nbsp;
							<h:message for="passwd" style="color:red"></h:message>
						</a4j:outputPanel>
					</h:panelGrid>
				</h:panelGrid>
			</h:form>
		</a4j:outputPanel>
	</a4j:outputPanel>
	<hr />
	<p>
		<b> Ingetweeeet </b>
	</p>
	<hr />

	<a4j:outputPanel id="home_graph" styleClass="home_graph" layout="block">
		<a4j:outputPanel styleClass="inge_graph" layout="block">
			<h:graphicImage value="resources/images/inge_graph.png"
				styleClass="ingeLogo" />
		</a4j:outputPanel>
		<a4j:outputPanel styleClass="home_inscription" layout="block">
			<b>NOUVEAU SUR INGEBOOK ? INSCRIVEZ-VOUS !</b>
			<br></br>
			<br></br>
			<h:form id="formulaireInscription">
				<h:panelGrid width="580" columns="2" border="0">
					<h:panelGrid id="panelInscription" columns="2" border="0"
						cellspacing="0" cellpadding="0">
						<a4j:outputPanel>
							<h:outputText value="Nom" />
							<span class="etoiles">*</span>
						</a4j:outputPanel>
						<a4j:outputPanel>
							<h:inputText id="nomInscription"
								value="#{UtilisateurBean.nomUtilisateur}" styleClass="inputbox"
								required="true" requiredMessage="Nom obligatoire" />
							<h:message for="nomInscription" style="color: red;"></h:message>
						</a4j:outputPanel>
						<h:outputText value="" />
						<h:outputText value="" />
						<a4j:outputPanel>
							<h:outputText value="Prénom" />
							<span class="etoiles">*</span>
						</a4j:outputPanel>
						<a4j:outputPanel>
							<h:inputText id="pnomInscription"
								value="#{UtilisateurBean.prenomUtilisateur}"
								styleClass="inputbox" required="true"
								requiredMessage="Prénom obligatoire" />
							<h:message for="pnomInscription" style="color: red;"></h:message>
						</a4j:outputPanel>
						<h:outputText value="" />
						<h:outputText value="" />
						<a4j:outputPanel id="pwd">
							<h:outputText value="Mot de passe" />
							<span class="etoiles">*</span>
						</a4j:outputPanel>
						<a4j:outputPanel>
							<h:inputSecret id="passwd"
								value="#{UtilisateurBean.passwordUtilisateur}" redisplay="true"
								styleClass="inputbox" required="true"
								requiredMessage="Mot de passe obligatoire"
								binding="#{UtilisateurBean.pwdInput}" />
							<h:message for="passwd" style="color : red;"></h:message>
						</a4j:outputPanel>
						<a4j:outputPanel id="confirm_pwd">
							<h:outputText value="Confirmation mot de passe" />
							<span class="etoiles">*</span>
						</a4j:outputPanel>
						<a4j:outputPanel>
							<h:inputSecret id="confirm_passwd"
								value="#{UtilisateurBean.confirmerPasswordUtilisateur}"
								redisplay="true" styleClass="inputbox" required="true"
								requiredMessage="Confirmation obligatoire"
								binding="#{UtilisateurBean.confirm_pwd_Input}"
								validator="#{UtilisateurBean.ValiderPassword}"
								validatorMessage="Confirmation invalide" />
							<h:message id="m_confirm_passwd" for="confirm_passwd"
								style="color : red;"></h:message>
						</a4j:outputPanel>

						<h:outputText value="" />
						<h:outputText value="" />

						<a4j:outputPanel id="classe">
							<h:outputText value="Classe" />
							<span class="etoiles">*</span>
						</a4j:outputPanel>
						<a4j:outputPanel>
							<rich:select value="#{UtilisateurBean.id_classeUtilisateur}">
								<f:selectItems value="#{classeBean.classes}" var="classe"
									itemValue="#{classe.id_classe}"
									itemLabel="#{classe.nom_classe}" />
							</rich:select>
						</a4j:outputPanel>
						<h:outputText value="" />
						<h:outputText value="" />

						<a4j:outputPanel>
							<h:outputText value="E-Mail" />
							<span class="etoiles">*</span>
						</a4j:outputPanel>
						<a4j:outputPanel>
							<h:inputText id="email" size="50"
								value="#{UtilisateurBean.emailUtilisateur}"
								styleClass="inputbox" required="true"
								requiredMessage="Email obligatoire"
								validatorMessage="Merci de saisir un email valide. Exemple : ingebook@ingesup.com">
								<f:validateRegex
									pattern="[\w\.-]*[a-zA-Z0-9_]{3}@[\w\.-]*[a-zA-Z0-9]{3}\.(com|net|org|fr)" />
							</h:inputText>
						</a4j:outputPanel>
						<h:outputText value="" />
						<h:outputText value="" />

						<a4j:outputPanel>
							<h:outputText value="Date de naissance" />
							<span class="etoiles">*</span>

						</a4j:outputPanel>
						<a4j:outputPanel>
							<rich:calendar
								value="#{UtilisateurBean.dateNaissanceUtilisateur}"
								required="true" requiredMessage="Date de naissance obligatoire" />
						</a4j:outputPanel>
						<h:outputText value="" />
						<h:outputText value="" />


						<a4j:outputPanel>
							<h:outputText value="" />
						</a4j:outputPanel>
						<a4j:outputPanel>
							<h:commandButton action="#{UtilisateurBean.save()}"
								styleClass="boutonValider">
							</h:commandButton>
						</a4j:outputPanel>
						<h:outputText value="" />
						<h:outputText value="" />
					</h:panelGrid>
				</h:panelGrid>
			</h:form>
		</a4j:outputPanel>
	</a4j:outputPanel>
</h:body>
</html>